<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ page
	import="com.bisoubeaute.cake.model.order.OrderModel,com.bisoubeaute.cake.model.order.OrderDetailsModel"
	language="java"%>
<%
    String basePath = request.getContextPath();
%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7, IE=9">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<link rel="icon"
	href="http://wechat.monmondecake.com/monmomde/cakewap/images/favicon.ico"
	type="image/x-ico" />
<meta charset="UTF-8">
<style type="text/css">
* {
	padding: 0px;
	margin: 0px;
	color: #000000;
}

body {
	width: 94%;
	height: auto;
	margin: 2% 3%;
	text-align: center;
	font-size: 12px;
	color: #000000;
	font-family: "Microsoft YaHei";
	font-weight: bold;
}

header {
	height: 70px;
	line-height: 70px;
	padding-bottom: 2px;
	font-size: 24px;
	border: 1px solid #000;
}

header span img {
	width: 50%;
	margin-top: 10px;
}

table {
	width: 100%;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-collapse: collapse;
	word-break: break-all;
	word-wrap: break-word;
}

tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
	height: 20px;
	line-height: 20px;
}

table td, table th {
	padding: 1.5mm;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	text-align: left;
	empty-cells: show;
	word-break: break-all;
}

table td {
	color: #000000;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
}

i {
	font-style: normal;
}

.fr {
	float: right;
}

.top_tr th {
	width: 25%;
}

.center_tr th {
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
}

.mt10 {
	margin-top: 10px;
}

.bt {
	border-bottom: 1px solid #000;
}

.lh {
	line-height: 100px;
	text-align: center;
	width: 18%;
}

footer {
	border: 1px solid #000;
	margin-top: 20px;
	height: 100px;
	overflow: hidden;
	margin-bottom: 20px;
}

footer div {
	float: left;
}

footer div:first-child {
	width: 10%;
	text-align: center;
	border-right: 1px solid #000;
	line-height: 100px;
}

footer .div_two {
	width: 35%;
	border-right: 1px solid #000;
	height: 100px;
	line-height: 100px;
}

footer .div_three {
	width: 10%;
	text-align: center;
	border-right: 1px solid #000;
	line-height: 50px;
}

footer .div_four {
	width: 10%;
	text-align: center;
	border-right: 1px solid #000;
	line-height: 25px;
}

footer .div_four span {
	width: 15px;
	height: 15px;
	border: 1px solid #000;
	display: inline-block;
	position: relative;
	top: 5px;
	left: 5px;
}

footer .div_five {
	width: 15%;
	border-right: 1px solid #000;
	line-height: 100px;
}
.noprint{
               margin:10px;margin-top:15px;padding:10px;background:#F5F6F7;border:1px solid #BDBDBD;padding:8px;
             }
           .noprint input{
                padding:4px;border:1px solid #3F74D0; left: 5%;
             }
</style>
<style type="text/css" media="print">
           .noprint {
	             display: none;
            }
</style>
</head>
<body>
	<c:forEach items="${orderList}" var="order" varStatus="count">
	<div STYLE="page-break-after: always;">
		<header>
			MON MONDE 客户联<span class="fr"><img
				src="http://image.monmondecake.com/logo.png" /></span>
		</header>
		<table class="mt10">
			<tr class="top_tr">
				<th>订单编号</th>
				<th>${order.orderCode}</th>
				<th>收货人姓名</th>
				<th>${order.consignee}</th>
			</tr>
			<tr>
				<td>收货时间</td>
				<td><span><fmt:formatDate value="${order.deliveryDate}" pattern="yyyy年MM月dd日 "/></span>${order.deliveryTimes}</td>
				<td>联系电话</td>
				<td>${order.consignPhone}</td>
			</tr>
			<tr>
				<th>收货地址</th>
				<th colspan="3">${order.consignAddress}</th>
			</tr>
			<tr class="top_tr">
				<th>付款方式</th>
				<th>
				 <c:if test="${order.payType == 0}">微信</c:if>
				 <c:if test="${order.payType == 1}">支付宝</c:if>
				 <c:if test="${order.payType == 2}">无</c:if>
				</th>
				<th>应付款</th>
				<th>0.00</th>
			</tr>
			<tr>
				<th>备注</th>
				<th colspan="3">${order.remark}</th>
			</tr>
		</table>

		<table class="mt10">
			<tr class="center_tr">
				<th colspan="5">商品明细</th>
			</tr>
			<tr>
				<th>商品名称</th>
				<th>商品编码</th>
				<th>规格</th>
				<th>数量</th>
				<th>金额</th>
			</tr>
			<c:forEach items="${order.goodsList}" var="detail" varStatus="detailCount">
				<tr>
					<td>${detail.goodsName}</td>
					<td>${detail.goodsCode}</td>
					<td>${detail.goodsSize}</td>
					<td>${detail.goodsNumber}${detail.goodsUnits}</td>
					<td>${detail.subTotal}</td>
				</tr>
			</c:forEach>
		</table>

		<footer>
			<div>配送备注</div>
			<div class="div_two"></div>
			<div class="div_three">
				<p class="bt">外包装完好</p>
				<p>商品完好</p>
			</div>
			<div class="div_four">
				<p>
				<p>
					是<span></span>
				</p>
				<p>
					否<span></span>
				</p>
				</p>
				<p style="border-top: 1px solid #000;">
				<p>
					是<span></span>
				</p>
				<p>
					否<span></span>
				</p>
				</p>
			</div>

			<div class="div_five">客户签名</div>

			<div class="lh"></div>
		</footer>
	</div>
	</c:forEach>
	<div class="noprint">
		   <input type=button value="打 印" class='input_an2' 
			onclick="window.print();" /> <input type=button value="关 闭"
			class='input_an2'  onclick="window.close();" />
	</div>
</body>
</html>